* {
  margin: 0;
  padding: 0;
  font-size: 16px;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
a {
  color: blue;
}
a:hover {
  font-weight: bold;
}
li {
  list-style: none;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ddd;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background: #f8f8f8;
}
.hover-show-scroll::-webkit-scrollbar-thumb {
  box-shadow: none;
  background: transparent;
}
.hover-show-scroll::-webkit-scrollbar-track {
  box-shadow: none;
  background: transparent;
}
.hover-show-scroll:hover::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ddd;
}
.hover-show-scroll:hover::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #eee;
}
.all-hide-scroll::-webkit-scrollbar {
  display: none;
}
